<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>哔哩哔哩 (゜-゜)つロ 干杯~-bilibili</title>
</head>
<body>
<!--
    <h1>-<h6>:标题，标题独占一行，分为1级-6级标题
    <center>:居中，该标签后期不再建议使用了。后期控制组件布局靠CSS样式。因此该标签临时使用
    <input>:输入组件，用于获取用户在页面上输入的内容。
          输入组件的样子有很多，可以通过type属性来指定，常见的有:
          type="text"       文本框
          type="password"   密码框
          type="checkbox"   多选框
          type="radio"      单选框
          type="button"     按钮

          注:像单选框，复选框这类组件，使用时会将多个组件划分为一组，使用name属性为组件取名字，
             名字相同的组件就是一组的。
  <br>:换行

  <a>:超链接,href用于指定点击超链接后跳转的地址.跳转其他网站时,地址要写全,如:http://www.tedu.cn

  <table>:表格。属性border用于指定边框。
        <table>标签中包含<tr>标签用于表示行
        <tr>标签中包含<td>标签用于表示列
        <td>标签中常见属性:
        align:对其方式。left左对齐,right右对齐,center剧中对其
        colspan:跨列合并列，合并是从左向右合并列
        rowspan:跨行合并列，合并是从上向下合并列
-->
<center>
    <img src="./logo.png"><br>
    <input type="text">
    <input type="button" value="百度一下" onclick="alert('点你妹啊!')"><br>
    <a href="/reg.html">用户注册</a><br>
    <a href="http://www.taobao.com">淘宝</a><br>
    <table border="1">
        <tr>
            <td>第一列</td>
            <td>第二列</td>
            <td>第三列</td>
            <td>第四列</td>
        </tr>
        <tr>
            <td>第一列</td>
            <td colspan="2" align="center">第二列</td>
            <td>第四列</td>
        </tr>
        <tr>
            <td rowspan="2">第一列</td>
            <td>第二列</td>
            <td>第三列</td>
            <td>第四列</td>
        </tr>
        <tr>
            <td>第二列</td>
            <td>第三列</td>
            <td>第四列</td>
        </tr>
    </table>


</center>
</body>
</html>








